<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="description" content="红黄蓝亲子园" />
    <meta name="keywords" content="红黄蓝亲子园" />
    <title>红黄蓝亲子园</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/demo.css">
    <script type="text/javascript" src="js/auto-size.js"></script>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <style type="text/css">

        @font-face {font-family: "iconfont";
          src: url('css/iconfont.eot'); /* IE9*/
          src: url('css/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('css/iconfont.woff') format('woff'), /* chrome, firefox */
          url('css/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
          url('css/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
        }

        .iconfont {
          font-family:"iconfont" !important;
          font-size:16px;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;
          -moz-osx-font-smoothing: grayscale;
          text-align: center;
          line-height: 0.4rem;
        }

    </style>
</head>
<body style="background: #efeef1;">
    <div class="sign_body">
        <p class="head">欢迎您的报名！</p> 
        <div class="sign_form">
            <form>
                <input class="form_input" type="text" name="name" value="" placeholder="请输入您的姓名">
                <input class="form_input" type="tel" name="tel" value="" placeholder="请输入您的手机号码">
                <input class="form_input" type="text" name="baby_name" value="" placeholder="请输入萌宝昵称">
                <select>
                    <option>请选择萌宝性别</option>
                    <option>男</option>
                    <option>女</option>
                </select>
                <div class="up_box">
                    <p>请上传1-6张照片(默认第一张为封面哦~)</p>
                    <div class="up_img">
                        <img src="images/child.jpg">
                        <img src="images/child.jpg">
                        <img src="images/child.jpg">
                        <img src="images/child.jpg">
                        <img src="images/child.jpg">
                        <a href="javascript:;" class="a-upload" style="background: url(images/add.png);background-size: 1.226rem 1.226rem"><input type="file" name="" id=""></a>
                    </div>
                </div>
                <textarea placeholder="请在这里输入参赛宝宝的口号（不超过20字）">请在这里输入参赛宝宝的口号（不超过20字）
                </textarea>
                <input type="submit" name="submit" class="sign_sub" value="立即提交">
            </form>
        </div>   
    </div>
    <div id="wind">
        <img src="images/ewm.jpg">
    </div>
    <div class="sc"></div>
    <div class="fix_nav">
               <ul class="cont icon_lists clear">
            
                <a href="index.html" class="act">
                <i class="icon iconfont" style="font-size:0.64rem;padding-left:0.24rem;padding-top:0.1rem;line-height: 0.74rem;">&#xe634;</i>
                <p style="margin-top: -0.14rem;">返回首页</p>
                </a>
                <a href="sign.html">
                <i class="icon iconfont">&#xe657;</i>
                <p>我要报名</p>
                </a>
                <a href="rule.html">
                <i class="icon iconfont" style="line-height: 0.66rem;">&#xe6cd;</i>
                <p style="margin-top: -0.06rem;">规则详解</p>
                </a>
                <a href="#">
                <i class="icon iconfont" id="us">&#xe613;</i>
                <p>关注我们</p>
                </a>

            
            
        </ul>
        </div>
        <script type="text/javascript">
            $("#us").click(function(){
                $("#wind").fadeIn(1000);
            });
           $("#wind").click(function(){
            $(this).fadeOut(1000);
           })
        </script>
</body>
</html>